.change-phone {
  height: 100%;
  width: 100%;
  padding: 11vh 40rpx 0 40rpx;
  background: #ffffff;

  .pw-login-wrapper {
    .close-png {
      width: 24rpx;
      height: 24rpx;
    }

    .title-login {
      font-size: 45rpx;
      color: #000000;
      font-weight: 700;
    }

    .desc {
      font-size: 30rpx;
      font-weight: 500;
      color: #b2b2b2;
      margin-top: 10rpx;
    }

    .form {
      margin-top: 8vh;

      .input-wrapper {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e1e1e1;
        position: relative;

        .label {
          font-size: 26rpx;
          font-weight: 500;
          color: #000000;
          height: 50px;
          line-height: 50px;
          margin-right: 47rpx;
        }

        .value {
          flex: 1;
          font-size: 26rpx;
          font-weight: 400;
          color: #b2b2b2;

          .input {
            height: 50px;
            line-height: 50px;
          }

          .auth-code {
            position: absolute;
            right: 0;
            width: 156rpx;
            font-size: 24rpx;
            font-weight: bold;
            padding: 14rpx 16rpx;
            color: #0a6fe5;
            top: 50%;
            text-align: center;
            background-color: #fafafa;
            border-radius: 4rpx;
            transform: translateY(-50%);
            z-index: 100;
          }
        }
      }
    }

    .code-phone {
      font-size: 24rpx;
      font-weight: bold;
      color: #0a6fe5;
      padding: 10rpx 0;
      margin-top: 35rpx;
    }
  }

  .submit-btn {
    margin-top: 11vh;
    margin-bottom: 5vh;
    width: 670rpx;
  }

  .no-account {
    text-align: center;
    font-size: 24rpx;
    font-weight: bold;
    color: #0a6fe5;
  }
}
.van-button--large {
  width: 100% !important;

}
